import { Button, Result } from 'antd';
import React from 'react';
import { history } from 'umi';

// React.FC<>的在typescript使用的一个泛型，FC就是FunctionComponent的缩写，
// 是函数组件，在这个泛型里面可以使用hooks 

// <{}>代表返回类型是对象
// React.FC<{}> = () => () 表示内容执行逻辑是个函数
const NoFoundPage: React.FC<{}> = () => (
  <Result
    status="404"
    title="404"
    subTitle="Sorry, the page you visited does not exist."
    extra={
      <Button type="primary" onClick={() => history.push('/')}>
        Back Home
      </Button>
    }
  />
);

export default NoFoundPage;
